<%--
  Created by IntelliJ IDEA.
  User: 胡尚杰
  Date: 2022/11/23
  Time: 9:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>管理员界面</title>
    <style>
        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

        main {
            height: 100%;
            display: grid;
            grid-template-columns: 150px calc(100% - 150px);
        }

        aside {
            background-color: black;
        }

        nav {
            height: 60px;
            background-color: #FFFFFF;
        }

        article {
            height: 93%;
            margin: 15px;
            border-style: solid;
            border-width: 3px;
            border-color: black;
        }

        a {
            text-decoration: none;
            color: #FFFFFF;
            font-size: 15px;
        }
    </style>
</head>
<body>
<!--
<header>页面页眉</header>
-->

<!--页面主体部分-->
<main>
    <aside style="color: #DDDDDD;font-size:larger"><br>自行车管理系统
        <a href="http://localhost:8080//bikeServlet?action=page2">
            <p style="text-align: center;">
                <br>自行车管理
            </p>
        </a>
        <a href="http://localhost:8080//stationServlet?action=page">
            <p style="text-align: center;">
                <br>租赁站管理
            </p>
        </a>
        <a href="http://localhost:8080//adminServlet?action=page">
            <p style="text-align: center;">
                <br>管理员管理
            </p>
        </a>
        <a href="http://localhost:8080//bikeServlet?action=page">
            <p style="text-align: center;">
                <br>自行车租用统计
            </p>
        </a>
        <a href="http://localhost:8080//rechargeServlet?action=page">
            <p style="text-align: center;">
                <br>充值记录查询
            </p>
        </a>
    </aside>
    <!--页面内容区块-->
    <section>
        <%--<nav>操作导航</nav>--%>
        <hr>
        <article>
            <form action="a4.jsp">
                <p style="font-size: 20px;font-family:楷体;font-weight: bold;">
                    自行车租用统计<br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;共【${ requestScope.page.pageTotalCount }】 台自行车<br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已租赁【${requestScope.number}】台
                    <input maxlength="2000" placeholder="请输入您需要搜索的" type="text"
                           style=" text-indent: 10px;margin-left: 900px;" name="find">
                    <input style=" text-indent: 10px;margin-left: 1010px;" type="submit" value="提交">
                </p>
            </form>
            <hr>

            <div style="float: left;margin-left: 10px;width:1080px; height: 455px; ">
                <table width="100%" border="1" align="center" cellpadding="3" cellspacing="1" bordercolor="00FFFF"
                       style="border-collapse:collapse">
                    <tr>
                        <td width="30" align="center" bgcolor="CCFFFF">序号</td>
                        <td bgcolor='#CCFFFF'>编号</td>
                        <td bgcolor='#CCFFFF'>类型</td>
                        <td bgcolor='#CCFFFF'>名称</td>
                        <td bgcolor='#CCFFFF'>品牌</td>
                        <td bgcolor='#CCFFFF' width='90' align='center'>图片</td>
                        <td bgcolor='#CCFFFF'>租金(￥/h)</td>
                        <td bgcolor='#CCFFFF'>所在站点</td>
                        <td bgcolor='#CCFFFF'>车辆状态</td>
                        <td bgcolor='#CCFFFF' width='80' align='center'>是否已出租</td>
                        <!--dpinglun1-->
                        <td width="138" align="center" bgcolor="CCFFFF">添加时间</td>

                        <td width="110" align="center" bgcolor="CCFFFF">操作</td>
                    </tr>
                    <c:forEach items="${requestScope.page.items}" var="bike">
                    <tr>
                        <td width="30" align="center">${bike.bid}</td>
                        <td>${bike.number}</td>
                        <td>${bike.type}</td>
                        <td>助力车</td>
                        <td>${bike.bname}</td>
                        <td width='90'><a href='../images/bicycle/bicycle02.jpg' target='_blank'><img
                                src='images/bicycle/${bike.number}.jpg' width=88 height=99 border=0/></a></td>
                        <td>${bike.rent}</td>
                        <td>${bike.stationName}</td>
                        <td>正常</td>
                        <c:if test="${bike.status=='已租赁'}">
                        <td width='80' align='center'  >${bike.status}</td>
                        </c:if>
                        <c:if test="${bike.status=='未租赁'}">
                            <td width='80' align='center' style="color:greenyellow">${bike.status}</td>
                        </c:if>
                        <td width="138" align="center">2022-07-10 11:50:48</td>
                        <td width="60" align="center" bgcolor="#dcdcdc"> <%--<a
                                href="zixingche_list.jsp?scid=5"
                                onClick="return confirm('真的要删除？')">删除</a>--%>
                            <a href="bikeServlet?action=page2" target="_blank">详细操作</a></td>
                    </tr>
                    </c:forEach>
                </table>
                <br/>
                <div style="background-color:#bdbdbd " >
                    <c:if test="${requestScope.page.pageNo>1}">
                        &nbsp;&nbsp;<a href="bikeServlet?action=page&pageNo=1">首页</a>&nbsp;
                        <a href="bikeServlet?action=page&pageNo=${requestScope.page.pageNo-1}">上一页</a>&nbsp;
                    </c:if>

                    当前为第
                    【${ requestScope.page.pageNo }】页&nbsp;&nbsp;
                    <c:if test="${requestScope.page.pageNo<requestScope.page.pageTotal}">
                        <a href="bikeServlet?action=page&pageNo=${requestScope.page.pageNo+1}">下一页</a>&nbsp;
                        <a href="bikeServlet?action=page&pageNo=${requestScope.page.pageTotal}">末页</a>&nbsp;
                    </c:if>

                    共&nbsp;${ requestScope.page.pageTotal }&nbsp;页，${ requestScope.page.pageTotalCount }&nbsp;条记录
                </div>
            </div>


        </article>
    </section>
</main>
</body>
</html>